<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>%title%</title>
		<link rel="stylesheet" href="css/storyboard.css" />
		<script type="text/javascript" src="js/data.json"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/tiddly.js"></script>
		<script type="text/javascript" src="js/storyboard.js"></script>
		<script type="text/javascript">
			$(document).ready(function()
			    {
			        cacheImages();
			        gotoMockup('%initSlide%');
			    }
			);           
		</script>
	</head>

	<body>
        <h1>%title%</h1>
        <h2></h2>
        <div id="mockup">
            <div id="hotspots"></div>
            <img src='' alt='' />
        </div>
        <div id="comment"></div>
    </body>
</html>

